<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="data:,">
    <title>NiiVue Demos</title>
    <style>
      header {
        background-color: #000;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        margin-bottom: 1rem;
      }
      .ribbon {
        display: flex;
        align-items: center;
        padding: 0.75rem 1rem;
        max-width: 960px;
        margin: 0 auto;
        background-color: #000;
      }
      .logo {
        font-size: 1.25rem;
        font-weight: bold;
        color: #58a6ff;
        text-decoration: none;
        margin-right: 1rem;
      }
      .nav-left {
        display: flex;
        gap: 1.5rem;
        flex-grow: 1;
      }
      .nav-right {
        display: flex;
      }
      .nav-left a,
      .nav-right a {
        color: #58a6ff;
        text-decoration: none;
        font-size: 1rem;
      }
      .nav-left a:hover,
      .nav-right a:hover {
        text-decoration: underline;
      }
      .nav-left  a.active {
        font-weight: bold;
        text-decoration: underline;
      }
      body {
        font-family: system-ui, -apple-system, sans-serif;
        background: #333;
        margin: 0;
        padding: 0.5rem;
        color: #58a6ff;
      }
      main {
        max-width: 512px;
        margin: auto;
        background: #000;
        padding: 0.1rem;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      }
      h1 {
        text-align: left;
        padding-left: 1.5rem;
        font-size: 1.5rem;
        margin-bottom: 1rem;
      }
      ol {
        padding-left: 1.5rem;
      }
      li {
        margin: 0.5rem 0;
      }
      a {
        color: #58a6ff;
        text-decoration: none;
      }
      a:hover {
        text-decoration: underline;
      }
    </style>
  </head>
  <body>
<header>
  <div class="ribbon">
    <a href="https://niivue.com/" class="logo">NiiVue</a>
    <div class="nav-left">
      <a href="https://niivue.com/gallery">Gallery</a>
      <a href="./" class="active">Demos</a>
      <a href="https://niivue.com/docs">Docs</a>
    </div>
    <div class="nav-right">
      <a href="https://github.com/niivue/niivue" target="_blank">GitHub</a>
    </div>
  </div>
</header>
    <main>
      <ul>
<li><a href="./features/basic.multiplanar.html" target="_blank" rel="noopener noreferrer">Basic multiplanar</a></li>
<li><a href="./features/sync.mesh.html" target="_blank" rel="noopener noreferrer">Sync mesh</a></li>
<li><a href="./features/sync.bidirectional.html" target="_blank" rel="noopener noreferrer">Bidirectional Sync</a></li>
<li><a href="./features/colormaps.html" target="_blank" rel="noopener noreferrer">Color maps for voxels</a></li>
<li><a href="./features/colormaps.mesh.html" target="_blank" rel="noopener noreferrer">Color maps for  meshes</a></li>
<li><a href="./features/mask.html" target="_blank" rel="noopener noreferrer">Background masks overlays</a></li>
<li><a href="./features/alphathreshold.html" target="_blank" rel="noopener noreferrer">Asymmetric statistical thresholds</a></li>
<li><a href="./features/test_images.html" target="_blank" rel="noopener noreferrer">Voxel formats</a></li>
<li><a href="./features/meshes.html" target="_blank" rel="noopener noreferrer">Mesh formats</a></li>
<li><a href="./features/selectfont.html" target="_blank" rel="noopener noreferrer">Select font, drag and drop, open dialog</a></li>
<li><a href="./features/connectome.html" target="_blank" rel="noopener noreferrer">Connectome</a></li>
<li><a href="./features/connectome.api.html" target="_blank" rel="noopener noreferrer">Connectome API</a></li>
<li><a href="./features/ui.html" target="_blank" rel="noopener noreferrer">User interface</a></li>
<li><a href="./features/mesh.matcap.html" target="_blank" rel="noopener noreferrer">Mesh MatCaps</a></li>
<li><a href="./features/mesh.stats.html" target="_blank" rel="noopener noreferrer">Mesh statistics</a></li>
<li><a href="./features/mesh.create.html" target="_blank" rel="noopener noreferrer">Generate and save meshes</a></li>
<li><a href="./features/mesh.layers.html" target="_blank" rel="noopener noreferrer">Mesh layers (GIfTI, FreeSurfer, MZ3)</a></li>
<li><a href="./features/mesh.layer.voxel.html" target="_blank" rel="noopener noreferrer">Mesh layer from voxels (NIfTI)</a></li>
<li><a href="./features/mesh.loader.html" target="_blank" rel="noopener noreferrer">Load mesh layers</a></li>
<li><a href="./features/mesh.4D.html" target="_blank" rel="noopener noreferrer">4D mesh time series (GIfTI, FreeSurfer, MZ3)</a></li>
<li><a href="./features/mesh.curv.html" target="_blank" rel="noopener noreferrer">GIfTI Meshes with NIfTI2 curvature</a></li>
<li><a href="./features/mesh.tradeoffs.html" target="_blank" rel="noopener noreferrer">Mesh feature vs performance tradeoffs</a></li>
<li><a href="./features/vox.tradeoffs.html" target="_blank" rel="noopener noreferrer">Voxel feature vs performance tradeoffs</a></li>
<li><a href="./features/freesurfer.html" target="_blank" rel="noopener noreferrer">FreeSurfer mask editing</a></li>
<li><a href="./features/pointset.html" target="_blank" rel="noopener noreferrer">FreeSurfer point sets</a></li>
<li><a href="./features/cifti.4D.html" target="_blank" rel="noopener noreferrer">4D mesh time series (CIFTI-2)</a></li>
<li><a href="./features/tracts.html" target="_blank" rel="noopener noreferrer">Tractography (TCK, TRK, TRX, VTK)</a></li>
<li><a href="./features/tracts.group.html" target="_blank" rel="noopener noreferrer">Tractography groups (TRX)</a></li>
<li><a href="./features/tracts.dpg.html" target="_blank" rel="noopener noreferrer">Tractography data per group (TRX)</a></li>
<li><a href="./features/tracts.stroke.html" target="_blank" rel="noopener noreferrer">Tractography disconnectome</a></li>
<li><a href="./features/tracts.cylinder.html" target="_blank" rel="noopener noreferrer">Tractography as cylinder tubes</a></li>
<li><a href="./features/tracts.mrtrix.html" target="_blank" rel="noopener noreferrer">MRtrix3 tracts and Track Scalar File (TSF) overlays</a></li>
<li><a href="./features/tracts.dsi.html" target="_blank" rel="noopener noreferrer">DSI-Studio tiny-tract files (TT)</a></li>
<li><a href="./features/tracts.atlas.html" target="_blank" rel="noopener noreferrer">Tract atlas</a></li>
<li><a href="./features/tracts2.html" target="_blank" rel="noopener noreferrer">Advanced tractography (TCK, TRK, TRX, VTK)</a></li>
<li><a href="./features/dsistudio.html" target="_blank" rel="noopener noreferrer">DSI-Studio SRC files</a></li>
<li><a href="./features/timeseries.html" target="_blank" rel="noopener noreferrer">4D series using thumbnail for rapid loading</a></li>
<li><a href="./features/timeseries2.html" target="_blank" rel="noopener noreferrer">4D series showing first volumes for rapid loading</a></li>
<li><a href="./features/afni.html" target="_blank" rel="noopener noreferrer">AFNI volumes</a></li>
<li><a href="./features/clusterize.html" target="_blank" rel="noopener noreferrer">Connected component clusters</a></li>
<li><a href="./features/brainvoyager.html" target="_blank" rel="noopener noreferrer">BrainVoyager meshes</a></li>
<li><a href="./features/clipplanes.html" target="_blank" rel="noopener noreferrer">Clip planes</a></li>
<li><a href="./features/clipplanes2.html" target="_blank" rel="noopener noreferrer">Advanced clip planes</a></li>
<li><a href="./features/clipplanesmulti.html" target="_blank" rel="noopener noreferrer">Multiple clip planes</a></li>
<li><a href="./features/draw2.html" target="_blank" rel="noopener noreferrer">Drawing</a></li>
<li><a href="./features/draw.ui.html" target="_blank" rel="noopener noreferrer">Drawing user interface</a></li>
<li><a href="./features/torso.html" target="_blank" rel="noopener noreferrer">Torso regions</a></li>
<li><a href="./features/cactus.html" target="_blank" rel="noopener noreferrer">Carotid artery-computed tomographic angiography scoring</a></li>
<li><a href="./features/mesh.atlas.html" target="_blank" rel="noopener noreferrer">Mesh atlas: annot</a></li>
<li><a href="./features/mesh.atlas.gii.html" target="_blank" rel="noopener noreferrer">Mesh atlas: GIFTI</a></li>
<li><a href="./features/mesh.atlas.julich.html" target="_blank" rel="noopener noreferrer">Mesh atlas: Julich</a></li>
<li><a href="./features/mesh.atlas.mgh.html" target="_blank" rel="noopener noreferrer">Mesh atlas: MGH</a></li>
<li><a href="./features/mesh.atlas.onavg.html" target="_blank" rel="noopener noreferrer">Mesh atlas: onavg</a></li>
<li><a href="./features/mesh.atlas.suit.html" target="_blank" rel="noopener noreferrer">Mesh atlas: SUIT cerebellar</a></li>
<li><a href="./features/atlas.html" target="_blank" rel="noopener noreferrer">Voxel atlas: AAL</a></li>
<li><a href="./features/atlas.allen.html" target="_blank" rel="noopener noreferrer">Voxel atlas: Allen voxel</a></li>
<li><a href="./features/atlas.bigbrain.html" target="_blank" rel="noopener noreferrer">Voxel atlas: BigBrain</a></li>
<li><a href="./features/atlas.cit168.html" target="_blank" rel="noopener noreferrer">Voxel atlas: CIT168 probabilistic subcortical nuclei</a></li>
<li><a href="./features/atlas.mgz.html" target="_blank" rel="noopener noreferrer">Voxel atlas: FreeSurfer</a></li>
<li><a href="./features/atlas.sparse.html" target="_blank" rel="noopener noreferrer">Voxel atlas: Inia19</a></li>
<li><a href="./features/atlas.julich.html" target="_blank" rel="noopener noreferrer">Voxel atlas: Julich</a></li>
<li><a href="./features/atlas.prob.julich.html" target="_blank" rel="noopener noreferrer">Voxel atlas: Julich probabilistic</a></li>
<li><a href="./features/atlas.cerebellum.html" target="_blank" rel="noopener noreferrer">Voxel atlas: Probabilistic cerebellar</a></li>
<li><a href="./features/atlas.pd25.html" target="_blank" rel="noopener noreferrer">Voxel atlas: Parkinsons disease subcortical</a></li>
<li><a href="./features/atlas.thalamus.html" target="_blank" rel="noopener noreferrer">Voxel atlas:  Thalamus probabilistic</a></li>
<li><a href="./features/denoise.html" target="_blank" rel="noopener noreferrer">Denoise dark voxels</a></li>
<li><a href="./features/modulate.html" target="_blank" rel="noopener noreferrer">FSL diffusion FA and V1</a></li>
<li><a href="./features/modulateDSI.html" target="_blank" rel="noopener noreferrer">DSI-Studio diffusion FA and V1</a></li>
<li><a href="./features/modulateTrix.html" target="_blank" rel="noopener noreferrer">MRtrix diffusion FA and V1</a></li>
<li><a href="./features/modulateAfniDTI.html" target="_blank" rel="noopener noreferrer">AFNI diffusion FA and V1</a></li>
<li><a href="./features/layout.html" target="_blank" rel="noopener noreferrer">Multiplanar layout (Auto, Column, Grid, Row)</a></li>
<li><a href="./features/hero.html" target="_blank" rel="noopener noreferrer">Hero image</a></li>
<li><a href="./features/modulateScalar.html" target="_blank" rel="noopener noreferrer">Modulation of scalar volumes</a></li>
<li><a href="./features/modulateAfni.html" target="_blank" rel="noopener noreferrer">AFNI statistics</a></li>
<li><a href="./features/fixedsize.html" target="_blank" rel="noopener noreferrer">Fixed canvas size</a></li>
<li><a href="./features/segment.html" target="_blank" rel="noopener noreferrer">Segmented image with named labels</a></li>
<li><a href="./features/mosaics.html" target="_blank" rel="noopener noreferrer">Mosaics</a></li>
<li><a href="./features/mosaics2.html" target="_blank" rel="noopener noreferrer">Advanced mosaics</a></li>
<li><a href="./features/mosaics2.mesh.html" target="_blank" rel="noopener noreferrer">Cortical mesh mosaics</a></li>
<li><a href="./features/mosaics.mesh.html" target="_blank" rel="noopener noreferrer">Cerebellar mesh mosaics</a></li>
<li><a href="./features/worldspace.html" target="_blank" rel="noopener noreferrer">World space</a></li>
<li><a href="./features/worldspace2.html" target="_blank" rel="noopener noreferrer">Advanced world space</a></li>
<li><a href="./features/shear.html" target="_blank" rel="noopener noreferrer">Images with shear</a></li>
<li><a href="./features/scripts.html" target="_blank" rel="noopener noreferrer">User scripting</a></li>
<li><a href="./features/shiny.volumes.html" target="_blank" rel="noopener noreferrer">Shiny volume rendering</a></li>
<li><a href="./features/dragCallback.html" target="_blank" rel="noopener noreferrer">Dragging callbacks</a></li>
<li><a href="./features/complex.html" target="_blank" rel="noopener noreferrer">Voxels with complex numbers</a></li>
<li><a href="./features/additive.voxels.html" target="_blank" rel="noopener noreferrer">Additive voxels</a></li>
<li><a href="./features/additive.mesh.html" target="_blank" rel="noopener noreferrer">Additive mesh</a></li>
<li><a href="./features/additive.mesh.negative.html" target="_blank" rel="noopener noreferrer">Negative colormaps</a></li>
<li><a href="./features/document.load.html" target="_blank" rel="noopener noreferrer">Documents: Load</a></li>
<li><a href="./features/document.3d.html" target="_blank" rel="noopener noreferrer">Documents:  Download with 3D render</a></li>
<li><a href="./features/document.drawing.html" target="_blank" rel="noopener noreferrer">Documents: Download  with drawing</a></li>
<li><a href="./features/document.meshes.html" target="_blank" rel="noopener noreferrer">Documents: Download with meshes</a></li>
<li><a href="./features/document.atlas.html" target="_blank" rel="noopener noreferrer">Documents: Download with an atlas</a></li>
<li><a href="./features/document.customdata.html" target="_blank" rel="noopener noreferrer">Documents: Download with custom data</a></li>
<li><a href="./features/label_clusters.html" target="_blank" rel="noopener noreferrer">Label voxel clusters</a></li>
<li><a href="./features/conform.html" target="_blank" rel="noopener noreferrer">Conform, reslice and generate volumes</a></li>
<li><a href="./features/slab_selection.html" target="_blank" rel="noopener noreferrer">Slab selection for image processing</a></li>
<li><a href="./features/save.html.html" target="_blank" rel="noopener noreferrer">Save a scene as HTML</a></li>
<li><a href="./features/save.custom.html.html" target="_blank" rel="noopener noreferrer">Save a scene with custom HTML</a></li>
<li><a href="./features/labels.html" target="_blank" rel="noopener noreferrer">Labels: Show</a></li>
<li><a href="./features/labels.connectomes.html" target="_blank" rel="noopener noreferrer">Labels: Connectome</a></li>
<li><a href="./features/labels.anchored.html" target="_blank" rel="noopener noreferrer">Labels: Anchored</a></li>
<li><a href="./features/gradient.order.html" target="_blank" rel="noopener noreferrer">Gradient order</a></li>
<li><a href="./features/gradient.opacity.html" target="_blank" rel="noopener noreferrer">Gradient opacity</a></li>
<li><a href="./features/gradient.custom.html" target="_blank" rel="noopener noreferrer">Custom gradient opacity</a></li>
<li><a href="./features/magic_wand.html" target="_blank" rel="noopener noreferrer">Magic wand</a></li>
<li><a href="./features/angle.html" target="_blank" rel="noopener noreferrer">Angle tool</a></li>
<li><a href="./features/orientation.all.markers.html" target="_blank" rel="noopener noreferrer">Orientation marker options</a></li>
<li><a href="./features/bounds.html" target="_blank" rel="noopener noreferrer">Bounds</a></li>
<li><a href="./features/bounds.grid.html" target="_blank" rel="noopener noreferrer">Bounds Grid</a></li>
<li><a href="./features/bounds.customlayout.html" target="_blank" rel="noopener noreferrer">Bounds Custom Layout</a></li>
<li><a href="./features/bounds.dragcallback.html" target="_blank" rel="noopener noreferrer">Bounds with Tools</a></li>
</ul>
</main>
</body>
</html>
